@charset "UTF-8";
html{
  font-size:6.25vw;
}
@media screen and  (min-width:1600px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


html {
  scrollbar-width: thin;
  scrollbar-color: #0e6eb8 #fff;
}
html::-webkit-scrollbar {
  width:20px;
}
html::-webkit-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}
html::-moz-scrollbar {
  width:20px; 
}
html::-moz-scrollbar-thumb {
  background-color:#fff;border-radius:8px;
}	



.max-1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.max-width{max-width:1600px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:1rem;padding-right:1rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left:16px;padding-right:16px;}
}





/*PC head*/
.t_navs{ position:absolute; left:0; top:0; z-index: 100; width: 100%;  }
.t_navs .top{ position:relative; z-index: 100; width: 100%; flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center; height:0.94rem;padding:0 0.5rem;}
.t_navs .logo{ line-height: 0; float: left;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ width: auto; height:0.62rem;}
.t_navs .logo .img1{ display: block;}
.t_navs .logo .img2{ display: none;}
.t_navs .right{ display: flex; align-items: center;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left; position: relative; margin-right:0.86rem;}
.t_navs .menu .nli:last-child{ margin-right:0 !important;}
.t_navs .menu .nli span a{ display: block;position: relative;line-height:0.94rem; font-size:calc(14px + 0.04rem);color: #fff; }
.t_navs .menu .nli span a i{ display: none;  position: absolute; left:50%; bottom:5px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fff; margin-left: -5px; }
.t_navs .menu .nli span a::after{ content:''; display: block; position: absolute; left: 0; bottom:3px; height:2px; width:0; background:#fff;}
.t_navs .menu .nli:hover span a i{display: block;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{color: #fff;}
.t_navs .menu .nli.on span a::after,
.t_navs .menu .nli:hover span a::after{ width:100%;}
.t_navs .sub{ display:none; position: absolute; top:100%; right:0; z-index: 10; margin-top: -5px; background:#fff;}
.t_navs .sub4 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;width:4.09rem; padding:0.3rem 0 0.39rem 0.3rem; flex-direction: row-reverse;}
.t_navs .sub4 .u1{ display: block; width:35.3%;}
.t_navs .sub4 .u1 .l1{ display: block; width:100%; margin-bottom:0.14rem;}
.t_navs .sub4 .u1 .l1:last-child{ margin-bottom:0 !important;}
.t_navs .sub4 .u1 .l1 a{ display: block; width:100%; color: #666; line-height:calc(20px + 0.02rem); font-size:calc(14px + 0.02rem); padding:0 0 0 16px; position: relative;}
.t_navs .sub4 .u1 .l1 a::after{ display: block; content:''; position: absolute; left:0; top:50%; width:4px; height:4px; background: #0e6eb8; margin-top: -2px; transform: rotate(45deg); -ms-transform: rotate(45deg); }
.t_navs .sub4 .u1 .l1 a:hover{color: #0e6eb8; text-decoration: underline;}
.t_navs .sub4 .pic{ display:block; width:51%; line-height: 0; overflow: hidden;}
.t_navs .sub4 ._img{ padding-bottom: 67.01%;}
.t_navs .sub3{ width:100%; overflow: hidden;}
.t_navs .sub3 .box{ display: block; display: flex; flex-wrap: wrap;width:100%; padding:0.48rem 0 0.35rem 0;}
.t_navs .sub3 .u1{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.t_navs .sub3 .u1 .l1{ display: block; width:20%; margin-bottom:0.47rem; padding:0 0.15rem;}
.t_navs .sub3 .u1 .l1 a{ display: block; width:100%;}
.t_navs .sub3 .u1 .l1 a .tit{ text-align: center; width:100%; color: #666; line-height:calc(22px + 0.02rem); font-size:calc(14px + 0.02rem); margin-top:0.2rem;}
.t_navs .sub3 .u1 .l1 a ._img{ padding-bottom: 56.08%;}
.t_navs .sub3 .u1 .l1 a:hover .tit{color: #0e6eb8; }




.t_navs .ss_search{float: left; display:flex; margin-left:0.54rem;}
.t_navs .ss_search ._t{ cursor: pointer; display:flex; height:0.94rem; width:0.39rem; background: url(img/_search.svg) right center no-repeat; background-size:20px auto !important;}
.t_navs ._b{width: 100%;height: 120px;background: #fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);z-index: 99;position: fixed;left: 0;top:0.94rem;display: none;}
.t_navs ._b .input{width: 800px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); padding: 0 45px 0 12px;border: 1px solid #ececec;}
.t_navs ._b .input input{width: 100%;height: 44px;display: block;font-size: 15px;color: #333;}
.t_navs ._b .input input::placeholder{color:#666; opacity:1 !important;}
.t_navs ._b .input img{width: 20px;display: block;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}


.t_navs.bct .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bct .logo .img1{ display:none;}
.t_navs.bct .logo .img2{ display:block;}

.t_navs.bbt .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.bbt .logo .img1{ display:none;}
.t_navs.bbt .logo .img2{ display:block;}
.t_navs.bbt .menu .nli span a{ color:#494949;}
.t_navs.bbt .menu .nli span a::after{ background:#0e6eb8;}
.t_navs.bbt .menu .nli.on span a,
.t_navs.bbt .menu .nli:hover span a{color: #0e6eb8;}
.t_navs.bbt .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}

.t_navs.ect .top{ background:#fff;}
.t_navs.ect .logo .img1{ display:none;}
.t_navs.ect .logo .img2{ display:block;}
.t_navs.ect .menu .nli span a{ color:#494949;}
.t_navs.ect .menu .nli span a::after{ background:#0e6eb8;}
.t_navs.ect .menu .nli.on span a,
.t_navs.ect .menu .nli:hover span a{color: #0e6eb8;}
.t_navs.ect .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;}

/* .t_navs.act .top{ background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.t_navs.act .logo .img1{ display:none;}
.t_navs.act .logo .img2{ display:block;}
.t_navs.act .menu .nli span a{ color:#494949;}
.t_navs.act .menu .nli span a::after{ background:#0e6eb8;}
.t_navs.act .menu .nli.on span a,
.t_navs.act .menu .nli:hover span a{color: #0e6eb8;}
.t_navs.act .sub{ box-shadow:0 0 7px rgba(0,0,0,0.07);}
.t_navs.act .ss_search ._t{ background: url(img/_search1.svg) right center no-repeat;} */


@media screen and (max-width:1440px) {
.t_navs .menu .nli{ margin-right:0.76rem;}	
.t_navs .sub3 .u1 .l1{  margin-bottom:0.37rem; padding:0 0.15rem;}
}
@media screen and (max-width:1024px) {
.t_navs .top{ padding:0 15px;height:50px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ width: auto; height:34px;}
.t_navs .ss_search{ display:none;}
}



.menuph{ display:none; float: right; width:26px; height: 20px; cursor: pointer; text-align: center;}
.menuph .point { float:left; width: 100%;  height: 20px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 100%;}
.menuph .navbtn { position: absolute; top:9px; right: 0; display: inline-block; width:100%; height: 2px; background: #fff;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 100%; height: 2px; content: ''; background: #fff;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -9px;}
.menuph .navbtn::before { top: 9px;}
.menuph.active .point .navbtn{ background: transparent !important;}
.menuph.active .point .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph.active .point .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.t_navs.ect .menuph .navbtn{ background: #494949;}
.t_navs.ect .menuph .navbtn::after,
.t_navs.ect .menuph .navbtn::before { background: #494949;}

.t_navs.bct .menuph .navbtn{ background: #494949;}
.t_navs.bct .menuph .navbtn::after,
.t_navs.bct .menuph .navbtn::before { background: #494949;}


/* .t_navs.act .menuph .navbtn{ background: #494949;}
.t_navs.act .menuph .navbtn::after,
.t_navs.act .menuph .navbtn::before { background: #494949;} */


@media  screen and (max-width:1024px){
.menuph{ display:block;}
}

.xialaph{ position: fixed; left:0; top:50px; float: left; width: 100%; height:100vh; z-index:15; display:none; background:#fff; padding:15px 15px 50px 15px; overflow-y: auto;}
.xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .a1box{width: 100%;position: relative;}
.xialaph .a2box{width: 100%;position: relative;}
.xialaph .a1{font-size:16px;color: #494949; text-transform: uppercase; font-size:16px; line-height:24px;position: relative;padding:14px 20px 14px 0;display: block;width: 100%; text-transform: uppercase;}
.xialaph .on .a1{ color: #0e6eb8;}
.xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.xialaph .icobox::after{ display:block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #494949;  border-right:1px solid #494949;}
.xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.xialaph .u2 .l2{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u2 .a2{ width: 100%;display: block; font-size:15px;color: #666666;line-height:24px; text-transform: uppercase;}
.xialaph .on .a2{ color:#0e6eb8;}
.xialaph .u3{width: 100%;padding:10px 0 2px 15px;display: none;}
.xialaph .u3 .l3{ width: 100%;display: block; margin-bottom:8px;}
.xialaph .u3 .l3 a{ width: 100%;display: block; font-size:15px;color: #333333;line-height:24px; text-transform: uppercase;}
.xialaph .input_box{width: 100%;border-bottom: 1px solid #ececec;margin-top:15px;position: relative;}
.xialaph .input_box input{width: 100%;height:50px;padding-right: 60px;font-size: 15px;color: #333333;}
.xialaph .input_box input::placeholder{color:#666; opacity:1 !important;}
.xialaph .input_box img{width: 20px;cursor: pointer;position: absolute;right: 10px;top: 50%;margin-top: -10px;}


.footer1{ background: #474747; position: relative; z-index: 6;}
.footer1 .top{ display:flex; flex-wrap: wrap; justify-content: space-between; padding:0.34rem 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer1 .logo{ display:block; line-height:0;}
.footer1 .logo img{ height:0.61rem;}
.footer1 .p1{ display:inline-flex;; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);}
.footer1 .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 48px; background: #0e6eb8; border:1px solid #0e6eb8; margin-right:34px; border-radius:16px 0 16px 0; padding:0 25px;}
.footer1 .btn i{ display: block; width:19px; height:19px; margin-left:10px; background: url(img/ico3.1.png) center no-repeat; background-size: 100% auto !important;}
.footer1 .btn:hover{ color: #0e6eb8; background: #fff; border:1px solid #fff;}
.footer1 .btn:hover i{background: url(img/ico3.png) center no-repeat;}
.footer1 .down{ display:flex; flex-wrap: wrap; width:100%; justify-content: space-between; padding:0.21rem 0;}
.footer1 .Copyright{ display:block; color:rgba(255,255,255,0.4); font-size:14px; line-height:22px;}
.footer1 .Copyright a{color: rgba(255,255,255,0.4); margin-left:17px;}
.footer1 .Copyright a:hover{color:rgba(255,255,255,1);}
.footer1 .sjkf{ display: inline-flex;color:rgba(255,255,255,0.4); font-size:14px; line-height:22px;}
.footer1 .sjkf i{ padding:0 6px; font-size:12px;}
.footer1 .sjkf a{color:rgba(255,255,255,0.4); }
.footer1 .sjkf a:hover{ color:rgba(255,255,255,1) !important;}
.footer1 .sjkf .links{ cursor: pointer; position: relative;}
.footer1 .sjkf .links span{display: block; width: 100%; position: relative; padding-right:20px;}
.footer1 .sjkf .links span::after{ display: block; content:''; position: absolute; right: 0; top:50%;
 border-left: 5px solid transparent; border-right:5px solid transparent;border-top:5px solid #fff; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.footer1 .sjkf .links span.active::after{  transform: translateY(-50%) rotate(225deg); -ms-transform: translateY(-50%) rotate(225deg); margin-top:1px;}
.footer1 .sjkf .donw{ display: none; width: 170px; position: absolute; right: 0; bottom:100%; z-index: 6; background: #fff;padding:10px 0; overflow-y: auto;max-height: 164px; scrollbar-width: thin;
  scrollbar-color: #0e6eb8 #fff;}
.footer1 .sjkf .donw a{display: block; width: 100%; color: #333; font-size:14px; line-height:22px; padding:1px 14px; }
.footer1 .sjkf .donw a:hover{ color:#0e6eb8 !important;}
.footer1 .midd{ position: relative; display:flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between; border-bottom:1px solid rgba(255,255,255,0.2);}
.footer1 .nav{ position:relative; z-index: 6; display: flex; flex-direction: column; width:20%;}
.footer1 .nav .u2{ display: flex; flex-direction: column; padding-top:0.09rem;}
.footer1 .nav .a1{ display:inline-flex; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.06rem); padding-bottom:0.21rem; position: relative;}
.footer1 .nav .a1::after{ display: block; content: ''; position: absolute; left: 0; bottom: 0; background:#0e6eb8; width: 21px; height: 2px; }
.footer1 .nav .a2{ display:inline-flex;; color: #c1c1c1; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0.08rem;}
.footer1 .nav .a2:hover{ color: #fff; }
.footer1 .tel{ display:block; width: 100%; text-align: right; color: #fff; font-weight: bold; font-size:calc(16px + 0.18rem); line-height:calc(22px + 0.18rem);}
.footer1 .tr{ display:inline-flex; flex-wrap: wrap; align-items: center;}
.footer1 .left{ display:inline-flex; flex-wrap: wrap; width:65%; padding:0.58rem 0 0.65rem 0; border-right:1px solid rgba(255,255,255,0.2);}
.footer1 .right{ display:inline-flex; flex-wrap: wrap; justify-content: flex-end; width:35%; padding:0.36rem 0 0.65rem 0; }
.footer1 .cont{ display:block; width:252px; }
.footer1 .info{ display:flex; align-items: flex-start; margin-top:0.12rem; }
.footer1 .adrr{ display:flex; width: 100%; color:rgba(255,255,255,0.6);font-size:calc(14px + 0.02rem); line-height:24px; margin-top:0.24rem;}
.footer1 .adrr .s{ white-space: nowrap;}
.footer1 .adrr img{ min-width:20px; width:20px; height:20px; margin:2px 8px 0 0;}
.footer1 .er{ display:flex; flex-wrap: wrap; width:113px; margin:30px 0.66rem 0 0;}
.footer1 .er i{ display:block; width:100%; line-height: 0;}
.footer1 .er span{ display:block; width:100%; text-align:center; margin-top:11px; color: #c1c1c1; font-size:14px; line-height:24px;}
.footer1 .share{ display:flex; width:100%; justify-content:flex-end; margin-top:0.58rem; color:#9e9e9e; font-size:14px; line-height:18px;}
.footer1 .share .li{display: inline-flex; margin:0 0 0 18px; position: relative;}
.footer1 .share a{ display:block; line-height:0; position: relative; height:18px;}
.footer1 .share a img{ width:auto; height:18px;}
.footer1 .share a .img2{ display: block;}
.footer1 .share a .img1{ display: none;}
.footer1 .share a:hover .img2{ display: none;}
.footer1 .share a:hover .img1{ display: block;}
.footer1 .share .li .weixin{ float:left; width:112px; height:112px; position:absolute; left:50%; margin-left:-56px; bottom:30px; z-index:80;-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer1 .share .li .weixin::after{ display:block; content:''; position: absolute; left:50%; top:100%; border-left:6px solid transparent; border-right:6px solid transparent;border-top:6px solid #fff; margin-left: -6px; }
.footer1 .share .li:hover .weixin{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}


@media screen and (max-width:1600px) {
.footer1 .left{padding: 0.48rem 0 0.48rem 0;}	
.footer1 .nav .a1{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);  padding-bottom:0.15rem;}
.footer1 .nav .a2{ font-size:14px; line-height:24px; margin-top:0.06rem;}
.footer1 .info{ margin-top:0.1rem; }
.footer1 .share{margin-top: 0.48rem;}
.footer1 .share .li{ margin:0 0 0 13px;}
.footer1 .adrr{ font-size:14px; line-height:22px;}
.footer1 .cont{width: 225px;}
.footer1 .tel{font-size: calc(16px + 0.16rem); line-height: calc(22px + 0.16rem);}
.footer1 .er{width: 100px;margin:24px 0.36rem 0 0;}
}
@media screen and (max-width:1400px) {
.footer1 .left{padding: 0.4rem 0 0.4rem 0;}	
.footer1 .nav .a1{ padding-bottom:0.1rem;}
.footer1 .nav .a2{ margin-top:0.04rem;}
.footer1 .adrr{margin-top: 0.2rem;}
.footer1 .share{margin-top: 0.3rem;}
.footer1 .er{width: 100px;margin:20px 0.32rem 0 0;}
}
@media (max-width: 1024px){
.footer1 .top{ padding:25px 0; display:none;}
.footer1 .logo img{height:34px;}
.footer1 .left{ display:none;}
.footer1 .right{ width: auto; justify-content:center; flex-direction: column;width:100%; padding:20px 0 25px 0;}
.footer1 .midd{ justify-content: center;}
.footer1 .btn{height:30px;margin-right:14px; border-radius: 0 12px 0 12px; padding: 0 12px; font-size: 12px;}
.footer1 .btn i{width: 16px; height:16px; margin-left:4px;}
.footer1 .p1{ font-size: 14px; line-height:24px;}
.footer1 .Copyright{ width:100%; text-align: center;}
.footer1 .er{ width:100px; margin:12px 0 0 0;}
.footer1 .down{ justify-content: center; padding:18px 0;}
.footer1 .adrr{ margin-top: 10px;}
.footer1 .info{ margin-top: 0; justify-content: space-between; flex-direction: row-reverse;}
.footer1 .share{ justify-content: flex-start; display: none; }
.footer1 .tel{ position: absolute; right:94px; top:-60px; width: auto; line-height:30px; font-size:20px; width:calc(100% - 188px); text-align:center; display:none;}
.footer1 .er span{ margin-top:6px;}
}
@media (max-width: 767px){
.footer1 .Copyright a{ margin-left:5px;}
.footer1 .btn{margin-right:0;}
.footer1 .p1{ display:none;}
}







.pf-right{display:none; z-index:13; position:fixed; right:0.3rem; bottom:12vh; width:0.66rem;}
.pf-right .li{ position: relative; display: block; width:100%; margin-top:2px;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; background: #fff; justify-content: center; align-items: center; line-height: 0; width:100%; padding:0.11rem 4px; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.pf-right .li:first-child .a{ border-radius:12px 12px 0 0;}
.pf-right .li:last-child .a{ border-radius:0 0 12px 12px;}
.pf-right .li .a img{ width:0.31rem; height:0.31rem;}
.pf-right .li .a .img1{ display: block; }
.pf-right .li .a .img2{ display: none; }
.pf-right .li .a span{ display: block; width: 100%; text-align: center; color: #666666; font-size:calc(14px + 0.02rem); line-height:1; margin-top:5px;}
.pf-right .li:hover .a{background: #0e6eb8;}
.pf-right .li:hover .a span{color: #fff;}
.pf-right .li:hover .a .img1{ display: none; }
.pf-right .li:hover .a .img2{ display: block; }
.pf-right .tel{ display:none; position: absolute; right:100%; top:50%; background: #0e6eb8; border-radius:6px; color: #fff; font-weight: 700; font-size:calc(14px + 0.04rem); line-height:0.5rem; padding:0 0.2rem;box-shadow:0 0 7px rgba(0,0,0,0.07); transform: translateY(-50%); -ms-transform: translateY(-50%); white-space: nowrap;}
.pf-right .tel::after{ display:block; content:''; position: absolute; left:100%; top:50%; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #0e6eb8; margin-top: -6px; }
.pf-right .er{ display: none; position: absolute; right:100%; top:0; width:120px; background: #0e6eb8; border-radius:6px; line-height:0;  padding:6px;}
.pf-right .er::after{ display:block; content:''; position: absolute; left:100%; top:34%; border-top:6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #0e6eb8; margin-top: -6px; }
.pf-right .li:hover .tel{ display:block; margin-right: 10px;}
.pf-right .li:hover .er{ display:block; margin-right: 10px;}
.pf-right .li-0{ display:none;}
.pf-right .li-1{ display:none;}

@media screen and (max-width:1800px) {
.pf-right{ right:0.1rem;}	
}	
@media screen and (max-width:1024px) {
.pf-right{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;padding-top:54px;}
.wap_down{ display: none; width: 100%;background: #fff; box-shadow:0 0 7px rgba(0,0,0,0.07);position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;}
.wap_down li{width:25%;float: left;text-align: center;padding:8px 0;height:54px;}
.wap_down li a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.wap_down li .d_name{width: 100%;float: left;margin-top:2px;font-size:14px;color: #666666;line-height: 14px;}
.wap_down li:hover .d_name{color: #0e6eb8;}
.wap_down li .ico{ width: 100%; line-height: 0; height:22px;}
.wap_down li .ico img{ width:22px; height:22px;}
.wap_down li:nth-child(3) .ico img{ width:20px; height:20px;}
.wap_down li:last-child{border: none;}

@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}


.my-bg{display: none; width: 100%; height: 100%; position: fixed; left: 0; top:0; z-index: 110; background: #000; opacity:0.5;}
.my-puop1{ display:none; width:515px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop1 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; border-radius: 10px; overflow: hidden;}
.my-puop1 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:10px; width:42px; height:46px;}
.my-puop1 .box .colse img{ width:20px; height:20px;}
.my-puop1 .box .title{ width:100%; background:#0e6eb8; background-size:auto 100% !important; color: #fff; display:flex; align-items: center; font-size:16px; line-height:20px; height:66px; padding:13px 30px;}
.my-puop1 .box .cont{ display:flex; width:100%; align-items: center; padding:26px 20px; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem);}
.my-puop1 .box .cont img{width:54px; height:54px; margin-right: 12px;}
._form4{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:25px 30px 37px 30px; background: #fff;}
._form4 .lab{ width:48.5%; position:relative; display: flex; background: #f5f5f5; border-radius:3px; overflow: hidden; margin-bottom: 10px; }
._form4 .w100{ width:100%;}
._form4 .name{ width:100%; display:block; position: absolute; left:0; top:0; z-index: 1; color: #666; font-size:14px; line-height:26px; padding:10px 20px;}
._form4 .name span{ color: #ff2525;}
._form4 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:none; font-size:14px;color: #333; line-height:26px; height:46px; padding:10px 20px;}
._form4 .text:focus{ background: #f5f5f5;}
._form4 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:none; font-size:14px;color: #333; line-height:26px; height:71px; padding:10px 20px;}
._form4 .textarea:focus{ background: #f5f5f5;}
._form4 .yanzhengma{ position: absolute; right:0; top:0; width:88px; height:100%; object-fit: contain; z-index:6; background: #fff;}
._form4 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:16px; color: #fff; height:46px; padding-bottom: 1px; border:1px solid #0e6eb8;background:#0e6eb8; border-radius:3px;}
._form4 .submit:hover{ background:none; color: #0e6eb8;}
._form4 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px; padding-top: 5px; }
._form4 .lab1 span{ color: #ff2525;}

._form4 input::placeholder{color:#666; opacity:1 !important;}
._form4 textarea::placeholder{color:#666; opacity:1 !important;}

@media screen and (max-width:767px) {
.my-puop1{ width:92%;}
.my-puop1 .box .title{ width:100%; font-size:14px; line-height:20px; height:66px; padding:13px 40px 13px 15px;}
.my-puop1 .box .title span{ width:220px;}
._form4{ padding:20px 15px 25px 15px;}
._form4 .name{ padding:7px 12px;}
._form4 .text{ height:40px; padding:7px 12px;}
._form4 .textarea{ padding:7px 12px;}
._form4 .yanzhengma{ width:70px; }
._form4 .submit{ height:40px;}
}



.my-puop2{ display:none; width:776px; transform: translate(-50%,-50%); -ms-transform: translateY(-50%,-50%); position: fixed; left:50%; top:50%; z-index: 111;}
.my-puop2 .box{ position: relative; display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius: 10px; overflow: hidden;}
.my-puop2 .box .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; position: absolute; right:0; top:0; width:42px; height:46px;}
.my-puop2 .box .colse img{ width:20px; height:20px;}
.my-puop2 .box .tit1{ width:100%; color: #fff; display:block; font-size:calc(14px + 0.17rem); line-height:calc(22px + 0.07rem);}
.my-puop2 .box .tit2{ display:block; width:100%; color: #fff; font-size:14px; line-height:24px; margin-top: 7px;}
.my-puop2 .box .er{ display:flex; flex-wrap: wrap; width:100%; justify-content:space-between; padding:30px 15px 0 0;}
.my-puop2 .box .er .li{ display:flex; flex-wrap: wrap; align-items:flex-start; width:93px;}
.my-puop2 .box .er .li i{ display:block; width:100%; line-height: 0;}
.my-puop2 .box .er .li span{ display:block; width:100%; text-align:center; margin-top:7px; color: #fff; opacity: 0.66; font-size:14px; line-height:24px;}
.my-puop2 .box .line{ display:block; width: 100%; height: 1px; background: #fff; opacity: 0.4; margin-top: 24px;}
.my-puop2 .box .p2{ display:block; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top: 25px; }
.my-puop2 .box .tel{ display:block; width: 100%; color: #fff;font-size:calc(16px + 0.1rem); line-height:calc(26px + 0.1rem); margin-top: 15px;}
.my-puop2 .box .left{ display:block; width: 36.3%; background:#0e6eb8; background-size: cover; padding:45px 30px;align-items: flex-start; }
._form1{ width:63.7%; flex-wrap:wrap; display: flex; justify-content:space-between; padding:43px 30px 36px 30px;}
._form1 .lab{ width:48.5%; position:relative; display: flex; flex-wrap: wrap; margin-bottom: 17px; }
._form1 .w100{ width:100%;}
._form1 .name{ width:100%; display:block; color: #333333; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-bottom: 8px;}
._form1 .name span{ color: #ff2525;}
._form1 .text{cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:14px;color: #333; line-height:26px; height:44px; padding:9px 19px; border-radius:3px;}
._form1 .textarea{ cursor: pointer; width:100%; border:0; background:#f5f5f5; font-size:14px;color: #333; line-height:26px; height:71px; padding:10px 19px; border-radius:3px;}
._form1 .yanzhengma{ position: absolute; right:0; top:0; height:100%; object-fit: contain; z-index:6;width:88px; background: #fff;}
._form1 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:44px; padding-bottom: 1px; border:1px solid #0e6eb8;background:#0e6eb8; border-radius:3px;}
._form1 .submit:hover{ background:none; color: #0e6eb8;}
._form1 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px; }
._form1 .lab1 span{ color: #ff2525;}

._form1 input::placeholder{color:#bbb9b9; opacity:1 !important;}
._form1 textarea::placeholder{color:#bbb9b9; opacity:1 !important;}

@media screen and (max-width:767px) {
.my-puop2{ width:92%;}
.my-puop2 .box .left{ display:none;}
._form1{ width:100%; padding:35px 15px 25px 15px;}
._form1 .lab{ margin-bottom: 15px; }
._form1 .text{ height:40px; padding:7px 12px;}
._form1 .textarea{ padding:7px 12px;}
._form1 .yanzhengma{ width:70px; }
._form1 .submit{ height:40px;}
}








@-webkit-keyframes move {
    0% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
    1% {
       -webkit-transform:translateY(-10px);
       transform:translateY(-10px);
    }
    100% {
       -webkit-transform:translateY(25px);
       transform:translateY(25px);
    }
}
@-webkit-keyframes rotate {
    0% {
       -webkit-transform:rotate(0deg);
       transform:rotate(0deg);
    }
    100% {
       -webkit-transform:rotate(360deg);
       transform:rotate(360deg);
    }
}
._mouse{ position: absolute; left:50%; bottom:44px; transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:10;}
._mouse .p{ align-items: center; display: flex; flex-direction: column; justify-content: center; animation:move 2s linear 0s infinite; color: #fff; font-size:14px; line-height: 1;}
._mouse img{width:0.2rem; margin-bottom: 0.19rem;}

.index-banner{ display:block; width: 100%; line-height: 0; overflow: hidden; z-index:5; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .div{ width:100%; line-height: 0;}
.index-banner .pc_show1{ width:100%; height:100vh; object-fit: cover;}
.index-banner .box{ display: block; width:100%; position: absolute; left: 0; top:42.97%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.index-banner .box .cont{ display: inline-flex; flex-wrap: wrap; flex-direction: column; }
.index-banner .box .tit1{ display: inline-flex; color: #fff; font-weight: bold; font-size:0.64rem; line-height:0.74rem; text-shadow: 6px 6px 13px rgba(81, 156, 221, 0.74);}
.index-banner .box .tit2{  display:inline-flex; background:rgba(14,110,184,0.9); border-radius:0 0.32rem 0.32rem 0.32rem; color: #fff; font-size:0.19rem; line-height:0.3rem; padding:0.16rem 0.24rem;margin-top: 0.35rem;}

.index-banner .swiper-prev,
.index-banner .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:50%; bottom:48px; z-index: 10; background: url(img/ico5.1.png) center no-repeat; background-size:auto 100% !important; }
.index-banner .swiper-prev{ margin-right:calc(-800px + 0.52rem); transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.index-banner .swiper-next{  margin-right:-800px;}
.index-banner .swiper-prev:hover,
.index-banner .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.index-banner .swiper-pagination{ cursor: pointer; display:flex;position: absolute;left:50%; bottom:44px; z-index: 10;margin-left:-800px; }
.index-banner .swiper-pagination-bullet{ cursor: pointer; border-radius:24px; width:24px; height:24px; margin:0 16px 0 0; display:block; background: url(img/ino8.1.png) center no-repeat; background-size:100% 100% !important; }
.index-banner .swiper-pagination-bullet-active{  background: url(img/ino8.png) center no-repeat; animation:rotate 3s linear 0s infinite;}


@media screen and (max-width:1800px) {
.index-banner .swiper-prev,
.index-banner .swiper-next{ right:1rem;}
.index-banner .swiper-prev{ margin-right:0.52rem;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:1rem; margin-left:0; }
}
@media screen and (max-width:1024px) {
._mouse{ display:none;}	
.index-banner .box .tit1{ font-size:0.86rem; line-height:1.2rem;}
.index-banner .box .tit2{  border-radius:0 0.64rem 0.64rem 0.64rem; font-size:0.47rem; line-height:0.7rem; padding:0.32rem 0.5rem;margin-top: 0.6rem;}
.index-banner .swiper-prev,
.index-banner .swiper-next{ width:26px; height:26px; bottom:20px; right:15px;}
.index-banner .swiper-prev{ margin-right:34px;}
.index-banner .swiper-next{  margin-right:0;}
.index-banner .swiper-pagination{ left:15px; bottom:20px; margin-left:0; }
.index-banner .swiper-pagination-bullet{ margin:0 10px 0 0;}
}
@media screen and (max-width:767px) {

}



.main4 .box{ display: block; width: 100%; margin-top:14px; position: relative;}
.main4 .sect{ display: block; width: 100%; position: absolute; left:0; top:0; z-index: 1; opacity: 0;}
.main4 .sect.on{ position: relative; z-index: 6; opacity: 1;}
.main4 .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.4rem); margin:0 -0.2rem; }
.main4 .u2 .li{ display:block; width: 33.33%; margin-top:20px; padding:0 0.2rem;}
.main4 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%;
}
.main4 .u2 .a ._img{ padding-bottom:59%;}
.main4 .u2 .a .cont{ width: 100%; padding:0.36rem 0.36rem 0.35rem 0.36rem;}
.main4 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); margin-top: 0.14rem; }
.main4 .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); height:calc(66px + 0.18rem); margin-top: 0.17rem;}
.main4 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.44rem;}
.main4 .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}
.main4 .u2 .a .time{ display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }

.main4 .u2 .a1{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; padding:0.13rem 0.42rem;
}
.main4 .u2 .a1 .div{ display: block; width: 100%; padding:0.25rem 0; border-bottom: 1px solid #ececec; position: relative;}
.main4 .u2 .a1 .div::after{ content: ''; display: block; width: 0%; height:1px; position: absolute; left: 0; bottom: -1px; z-index: 6;  background:#0e6eb8;}
.main4 .u2 .a1 .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem); height: calc(44px + 0.12rem); margin-top:0.08rem; }
.main4 .u2 .a1 .time{display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }
.main4 .u2 .a1 .div:hover .time{ opacity:1; }
.main4 .u2 .a1 .div:hover::after{ width: 100%;}

@media screen and (max-width:1600px) {
.main4 .u2 .a1 .div{ padding:0.2rem 0;}
}
@media screen and (max-width:1440px) {
.main4 .u2 .a1 .div{ padding:0.18rem 0;}
}

@media screen and (max-width:1024px) {
.main4 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main4 .u2 .li{ width:50%; margin-top:14px; padding:0 7px;}	
.main4 .u2 .li:last-child{width:100%;}  
.main4 .u2 .a .cont{padding:20px 15px;}
.main4 .u2 .a .tit{font-size:16px; line-height:24px; margin-top:6px;} 
.main4 .u2 .a .p{font-size:14px; line-height:22px; height: auto; margin-top:6px;} 
.main4 .u2 .a .more{ margin-top:10px; line-height:24px;padding-right: 35px;} 
.main4 .u2 .a1{padding:6px 15px 20px 15px;}
.main4 .u2 .a1 .div{ padding:14px 0;}
.main4 .u2 .a1 .tit{ font-size:16px; line-height:24px; margin-top:0; height: auto; max-height: calc(44px + 0.12rem);}
.main4 .tit22{ display:none;}
}
@media screen and (max-width:767px) {
.main4 .u2{ display: block;}	
.main4 .slick-track{ display: flex;}
.main4 .u2 .li{ width:100%;}

}

._btn{ display: flex; flex-wrap: wrap; width: 100%;}
._btn .a{ display:inline-flex; align-items: center; justify-content: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:46px; border:1px solid #0e6eb8;  background: #0e6eb8; border-radius:0 16px 0 16px; width:136px; }
._btn .a span{ padding:0 2px 1px 2px;}
._btn .a i{ display: block; width:13px; height:13px; margin-left:12px; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important;}
._btn .a:hover{ color: #0e6eb8; background:#fff; border:1px solid #fff;}
._btn .a:hover i{ background: url(img/ico4.1.png) center no-repeat; }
._btn1{ display:inline-flex;}
._btn1 .a{ display:inline-flex; align-items: center; justify-content: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height:46px; border:1px solid #0e6eb8;  background: #0e6eb8; border-radius:0 16px 0 16px; width:136px; }
._btn1 .a span{ padding:0 2px 1px 2px;}
._btn1 .a i{ display: block; width:13px; height:13px; margin-left:12px; background: url(img/ico4.png) center no-repeat; background-size:auto 100% !important;}
._btn1 .a:hover{ color: #0e6eb8; background:none;}
._btn1 .a:hover i{ background: url(img/ico4.1.png) center no-repeat; }

@media  screen and (max-width:1024px){
._btn .a{ font-size:12px; height:30px; border-radius:0 12px 0 12px; width:92px; }	
._btn .a i{width:12px; height:12px; margin-left:2px; }
._btn1 .a{ font-size:12px; height:30px; border-radius:0 12px 0 12px; width:92px; }	
._btn1 .a i{width:12px; height:12px; margin-left:2px; }
}


.main3{}
.main3 .box{ display: block; width: 100%; padding-top:14px;}
.main3 .u2{  display: block; width:calc(100% + 0.3rem); margin:0 -0.15rem; }
.main3 .u2 .li{ display:block; width: 33.33%; margin-top:20px; padding:0 0.15rem;}
.main3 .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; padding:0 0.4rem 0.52rem 0.4rem;
}
.main3 .u2 .a ._img{ padding-bottom:85.45%;}
.main3 .u2 .a .cont{ width: 100%; border-top: 1px solid #ececec; position: relative;}
.main3 .u2 .a .cont::after{ content: ''; display: block; width: 0%; height:1px; position: absolute; left: 0; top: -1px; z-index: 6;  background:#0e6eb8;}
.main3 .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.08rem); line-height: calc(22px + 0.1rem); margin-top: 0.31rem; }
.main3 .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.05rem); height:calc(44px + 0.1rem); margin-top: 0.17rem;}
.main3 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.44rem;}
.main3 .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}
.main3 .u2 .a:hover .cont::after{ width: 100%;}


@media screen and (max-width:1024px) {
.main3 .box{padding-top:7px;}	
.main3 .u2{width:calc(100% + 14px); margin:0 -7px; }
.main3 .u2 .li{ margin-top:14px; padding:0 7px;}	
.main3 .u2 .a{padding:0 13px 20px 13px;}
.main3 .u2 .a .tit{ font-size:15px; line-height:24px; margin-top:15px;} 
.main3 .u2 .a .p{ font-size:13px; line-height:22px; margin-top:5px;} 
.main3 .u2 .a .more{ margin-top:12px; line-height:24px;padding-right: 35px;} 
}
@media screen and (max-width:767px) {
.main3 .u2 .li{ width:50%;}

}

.main9{ position: relative; overflow:hidden; width: 100%; padding-top: 1.22rem;  padding-bottom:46px;}
.main9 .bg{position: absolute; left: 0; top:0; z-index: 1; width: 100%; height: 100%;}
.main9 .cont{ width:35.4%;}
.main9 .info{ width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); margin-top:0.31rem;}
.main9 ._btn{ margin-top:0.98rem;}
.main9 .list{ width:100%; display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding:1.56rem 0.32rem 0 0.32rem;}
.main9 .list .line{ display: flex; width:1px; height: 54px; background: rgba(255,255,255,0.6);margin:0.32rem;}
.main9 .list .li{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; flex-direction: column;margin-top:15px;} 
.main9 .list .li .tit{ color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:4px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;}
.main9 .list .li .num{ display: inline-flex; align-items: center;}
.main9 .list .li .countup{ color: #fff; font-size:0.67rem; line-height:1;}
.main9 .list .li .dw{ color: #fff; font-size:calc(14px + 0.06rem); line-height:2; margin-left:2px;}

@media  screen and (max-width:1440px){
.main9 .cont{width:46.4%;}
.main9 .list{ padding:1.56rem 0 0 0;}
}
@media  screen and (max-width:1024px){
.main9{ padding-top:40px;  padding-bottom:40px;}	
.main9 .cont{width:100%;}
.main9 .info{ margin-top:10px; font-size:14px; line-height:24px; margin-top:15px;}
.main9 ._btn{ margin-top:30px;}
.main9 .list{ padding:40px 0 0 0;}
.main9 .list .line{height:36px;  margin:25px 12px; display:none;}
.main9 .list .li .tit{ font-size:14px; line-height:24px;}
.main9 .list .li .countup{font-size:26px;}
.main9 .list .li .dw{ font-size:14px; line-height:1.5; margin-left:2px;}
}



.main8 .box{ display: block; width: 100%; padding-top:24px;}
.main8 .u2{ display:block;; width:calc(100% + 10px); margin:0 -5px;}
.main8 .u2 .li{ display:block; width:20%; padding:0 5px; margin-top:10px;}
.main8 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative;}
.main8 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.06rem); line-height:26px; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 26px !important; padding-right:30px;}
.main8 .u2 .a ._img{ padding-bottom:189.1%;}
.main8 .u2 .a .cont{width: 100%; position:absolute; left:0; bottom:0; z-index: 6; padding:0.34rem 0.3rem; display:block;}
.main8 .u2 .a .ico{display:inline-flex;width: 100%; height:32px; opacity:0;}
.main8 .u2 .a:hover .tit{background: url(img/ArrowRight1.png) right center no-repeat;;}

@media screen and (max-width:1440px) {
.main8 .u2 .a .cont{padding:0.3rem 0.25rem; }
.main8 .u2 .a .tit{font-size:calc(14px + 0.04rem); line-height:26px; padding-right:30px;}
}
@media screen and (max-width:1024px) {
.main8 .box{ padding-top:10px;}	
.main8 .u2 .a .tit{ font-size:14px; line-height:24px; background-size:auto 24px !important;}
.main8 .u2 .a .cont{padding:18px 13px;}
}
@media screen and (max-width:767px) {
.main8 .u2 .li{ width: 50%;}
}



.main10 .box{ display: block; width: 100%; padding-top:24px;}
.main10 .u2{ display:flex;; width:calc(100% + 10px); margin:0 -5px;}
.main10 .u2 .li{ display:block; width:25%; padding:0 5px; margin-top:10px;
transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.main10 .u2 .a{ display:flex; flex-wrap: wrap; align-items:flex-start; width: 100%; position: relative;}
.main10 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.12rem); margin-top: 0.2rem;}
.main10 .u2 .a .p{ display:none; width: 100%; color: #fff;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.12rem); height: calc(66px + 0.36rem); margin-top: 0.17rem; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.main10 .u2 .a ._img{ padding-bottom:5.9rem;}
.main10 .u2 .a .cont{width: 100%; position:absolute; left:0; bottom:0; z-index: 6; padding:0.36rem 0.4rem; display:block;}
.main10 .u2 .a .ino{display:inline-flex;width: 100%; line-height: 0;}
.main10 .u2 .a .ino img{ height:56px;}
.main10 .u2 .a .ico{display:inline-flex; min-width:26px; height:26px; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; margin-top: 0.2rem; color: #fff; font-size:14px; line-height:26px;}
.main10 .u2 .a .ico span{ display:none;}
.main10 .u2 .li:hover{ width: 31.98%;
transition: all 0s linear;
  -moz-transition: all 0s linear;
  -webkit-transition: all 0s linear;
  -o-transition: all 0s linear;
}
.main10 .u2 .li:hover .cont{ height:100%; background: rgba(14,110,184,0.8);}
.main10 .u2 .li:hover .a .ino{ margin-top: 0.12rem;}
.main10 .u2 .li:hover .a .p{ display: -webkit-box; }
.main10 .u2 .li:hover .a .ico{padding-right: 39px; margin-top: 1.48rem;}
.main10 .u2 .li:hover .ico span{ display:inline-flex;}
.main10 .slick-dots{ display:none;}


@media screen and (max-width:1440px) {
.main10 .u2 .a .tit{font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem);}
}
@media screen and (max-width:1024px) {
.main10 .box{ padding-top:10px;}	
.main10 .u2 .a .ico{min-width:24px; height:24px;line-height:24px;margin-top:10px;}
.main10 .u2 .a .tit{ font-size:16px; line-height:24px;}
.main10 .u2 .a .p{ font-size:14px; line-height:22px; height:66px;}
.main10 .u2 .a .ino img{ height:46px;}
.main10 .u2 .a .cont{padding:18px 14px;}
.main10 .u2 .li:hover .a .ico{padding-right: 35px; margin-top: 1.48rem;}
}
@media screen and (max-width:767px) {
.main10 .u2{ display: block;}	
.main10 .u2 .a ._img{ padding-bottom:150.12%;}
.main10 .u2 .li{ width: 50%;}
.main10 .slick-dots{ display:flex;}
}



/* inbaner */
.inbaner{min-height:3rem;  position: relative; line-height:0; overflow: hidden;}
.inbaner .div{ display:block; width:100%; text-align: center;}
.inbaner .div img{width:100%;}
.banbox{ width:100%; position: absolute; left:0; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox ._Title{ color: #fff; text-align: center;}
.banbox1{ width:100%; position: absolute; left:0; top:54.18%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banbox1 ._Title{ color: #fff;}
.banbox1 .info{ display: block; width: 100%; font-size:0.22rem; line-height:0.34rem; color: #fff; margin-top:0.27rem;}
@media screen and (max-width:1024px) {
.inbaner{min-height:150px;}	
.banbox1 .info{ font-size:12px; line-height:20px; margin-top:6px;}
}


.mbx{ display: block; color: #fff;font-size:14px; line-height:24px;}
.mbx a{ color: #fff;}
.mbx i{ padding:0 9px;}
.mbx a:hover{ text-decoration: underline; opacity:0.8;}
.mbx1{ display: block; color: #666;font-size:14px; line-height:24px; padding-top: 26px;}
.mbx1 a{ color: #666;}
.mbx1 i{ padding:0 9px;}
.mbx1 a:hover{ text-decoration: underline; opacity:0.8;}

@media screen and (max-width:1024px) {
.mbx{ display:none;}
.mbx1{ display:none;}
}

.slidebox1{display:block;width:100%; position: absolute; left:0; bottom:25px; z-index: 6;}
.slidebox{display:block;width:100%; margin-top:-87px; position: relative; z-index: 6;}
.slidebox .mbx{ margin-bottom: 25px;}
.slide1{ display: flex; flex-wrap: wrap;width:100%; background: #fff; overflow: hidden; border-radius:13px; padding:12px 0.29rem;}
.slide1 .ul{ display: flex;width:100%; justify-content:space-around;}
.slide1 .li{ display:inline-flex;}
.slide1 .li .la{ position: relative; display:inline-flex;color: #666666;font-size:calc(14px + 0.02rem); line-height:31px; padding:10px 0;}
.slide1 .li .la::after{ display: block; content:''; position: absolute; left:50%; bottom:0; width:0; height:2px; content:''; background: #0e6eb8; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.slide1 .li:hover .la{ color: #0e6eb8;}
.slide1 .li.on .la{ color: #0e6eb8;}
.slide1 .li:hover .la::after{width:100%;}
.slide1 .li.on .la::after{width:100%;}

@media screen and (max-width:1440px) {
.slide1{ border-radius:13px; padding:12px 0.2rem;}	
.slide1 .li .la{ font-size:14px; }
}
@media screen and (max-width:1024px) {
.slidebox{margin-top:-23px;}	
.slidebox1{ display:none;}
.slide1{ overflow-x: auto; white-space: nowrap; border-radius:6px; padding:6px 6px;scrollbar-width: thin;
  scrollbar-color: #fff #fff;}
.slide1 .ul{ justify-content:flex-start;}
.slide1 .li{ margin:0 8px;}
.slide1 .li .la{ padding:5px 0; font-size:14px; line-height:24px; }

}


/* 分页 */
.wack1 .pz_fy{ display:flex; flex-wrap: wrap; justify-content: center; width:100%;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:3px; width:0.4rem; height:0.4rem; background:none; line-height:0.4rem; color:#9c9c9c; text-align: center; font-size:16px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ background:#0e6eb8; color: #fff;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.1rem; height:0.1rem; border-top:2px solid #9c9c9c; border-right:2px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.wack1 .fy_pc{ display:none; flex-wrap: wrap; width:100%; justify-content: center; align-items: center; text-align:center; font-size:14px; color:#9c9c9c;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ display: flex; position: relative; height:32px; width:32px; border-radius:4px; background:none;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #9c9c9c; border-right:1px solid #9c9c9c; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


@media  screen and (max-width:1024px){
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}




.pordList{padding:35px 0 0.88rem 0;}
.products{
	width: 100%;
	display: flex;
	flex-wrap: wrap; 
}
.products .ul{
	width:calc(100% + 0.3rem);
	display: flex;
	flex-wrap: wrap; margin:0 -0.15rem;
}
.products .li{ width:25%; padding:0.15rem;}
.products .li .a{
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap; padding:13px 0 0.48rem 0;
}
.products .li .a::before{
	width: 100%;
	height: 47.32%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: linear-gradient(-180deg, #fff, #fff);
	content: '';
	border-radius:6px;
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products .li .a:hover::before{
	height: 100%;
	background: linear-gradient(-180deg, #2c80c1, #e2edf6);
}
.products .li .a ._img{padding-bottom: 85.45%; z-index: 6;}
.products .li .a ._img img{-webkit-transition: all 1s;}
.products .li .a  .name{ width: 100%; text-align: center;
	margin-top:12px;
	text-align: center; color: #333333;
font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem);
}
.products .li .a .more{ display:flex;width: 100%; justify-content: center; color:#666666; font-size: 14px; line-height: 26px; margin-top:18px;}
.products .li .a .more i{ display:inline-flex; width: 26px;  height: 26px; background: url(img/ArrowRight3.png) center no-repeat; background-size:auto 100% !important; margin-left:13px;}
.products .li .a:hover .more{ color:#0e6eb8;}
.products .li .a:hover .more i{  background: url(img/ArrowRight1.png) center no-repeat;}
.products .li .a:hover .name{
	color: #0e6eb8;
}
.products .li .a:hover ._img img{
	-webkit-transform: scale(1.05) translateY(-5px);
}


.pord-xg{ margin-top:30px;}
.pord-xg .ul{
	width:calc(100% + 0.2rem);
margin:0 -0.1rem;
}
.pord-xg .li .a{
 padding:13px 0 0.31rem 0;
}
.pord-xg .li{ width:33.33%; padding:0 0.1rem;}
.pord-xg .li .a::before { background: #f5f5f5;}
.pord-xg .li .a:hover::before{
	height: 100%;
	background: linear-gradient(-180deg, #2c80c1, #e2edf6);
}

.pord-xg1{ margin-top:40px;}
.pord-xg1 .li{padding-top:0 !important;padding-bottom:0 !important;}
.pord-xg1 .slick-arrow{ top:-0.68rem;}
.pord-xg1 .slick-next{ right:0.15rem;}
.pord-xg1 .slick-prev{ left: auto; right:0.68rem;}

@media  screen and (max-width:1024px){
.pordList{ padding:20px 0 15px 0;
}
.products .ul{
	width:calc(100% + 14px);
 margin:0 -7px;
}
.products .li{ padding:7px;}
.products .li .a{ padding:13px 0 16px 0;
}
.products .li .a  .name{
	margin-top:6px;
}
.products .li .a .more{ line-height:24px; margin-top:9px;}
.products .li .a .more i{ width: 24px;  height: 24px; margin-left:9px;}
.products .li .a:hover ._img img{
	-webkit-transform: scale(1.05) translateY(0);
}

.pord-xg{ margin-top:25px;}
.pord-xg .li{ padding:0 7px;}

.pord-xg1{ margin-top:25px;}
.pord-xg1 .slick-arrow{ top:-45px;}
.pord-xg1 .slick-next{ right:7px;}
.pord-xg1 .slick-prev{ left: auto; right:40px;}

}
@media  screen and (max-width:767px){
.products .li{ width:50%;}


}




.casebox{ padding:35px 0 35px 0;}
.case{ display: block; width: 100%; padding-top:14px;}
.case .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem; }
.case .u2 .li{ display:block; width: 33.33%; padding:0.15rem;}
.case .u2 .a{ width: 100%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255); height: 100%; border-radius:6px; overflow: hidden;
}
.case .u2 .a ._img{ padding-bottom:57.3%;}
.case .u2 .a .cont{ width: 100%; padding:0.32rem 0.36rem 0.35rem 0.36rem;}
.case .u2 .a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.08rem); }
.case .u2 .a .p{ width: 100%; color:#666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.04rem); height:calc(44px + 0.08rem); margin-top: 0.12rem;}
.case .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.31rem;}
.case .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}

.case_xg{ margin-top:40px; padding-top:0 !important;}
.case_xg .li{padding-top:0 !important;padding-bottom:0 !important;}
.case_xg .slick-arrow{ top:-0.68rem;}
.case_xg .slick-next{ right:0.15rem;}
.case_xg .slick-prev{ left: auto; right:0.68rem;}

@media screen and (max-width:1024px) {
.casebox{ padding:20px 0;}	
.case .u2{width:calc(100% + 14px); margin:0 -7px; }
.case .u2 .li{ width:50%; padding:7px 7px;}	
.case .u2 .a .cont{padding:20px 15px;}
.case .u2 .a .tit{font-size:16px; line-height:24px;} 
.case .u2 .a .p{font-size:14px; line-height:22px; height:44px; margin-top:6px;} 
.case .u2 .a .more{ margin-top:12px; line-height:24px;padding-right: 35px;} 

.case_xg{ margin-top:25px;}
.case_xg .li{ padding:0 7px;}
.case_xg .slick-arrow{ top:-45px;}
.case_xg .slick-next{ right:7px;}
.case_xg .slick-prev{ left: auto; right:40px;}
}
@media screen and (max-width:767px) {
.case .u2 .li{ width:100%;}

}



.Contact2{ width:100%; overflow: hidden; }
.Contact2 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;  position: relative;}
.Contact2 .box::after{ display:block; content: ''; position: absolute; right:67.31%; width:2000px; height: 100%; top:0; z-index: 1;background: url(img/bg2.jpg) right top no-repeat #fff; background-size:auto 100%;}
.Contact2 .left{ display: block; width:32.69%; padding:0.5rem 0.58rem 0.86rem 0;}
.Contact2 .right{ display: block; width:67.31%; padding:0.5rem 0 0.86rem 0.58rem;}
.Contact2 .tit22{color: #231815; margin-top:0.45rem;}
.Contact2 .addr{ display: flex; flex-wrap: wrap;justify-content: space-between; width:100%; padding:0.15rem 0 0 0;}
.Contact2 .addr .div{ display: flex; flex-wrap: wrap; flex-direction: column; width:49%; padding:0 0 0 49px; position: relative; margin-top: 0.2rem;}
.Contact2 .addr .w100{ width: 100%;}
.Contact2 .addr .words{ display:flex; flex-wrap: wrap; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:0;}
.Contact2 .addr .info{ display:block; width:100%;color:#666; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.04rem);margin-top: 0.16rem;}
.Contact2 .addr .info a{color:#666;}
.Contact2 .addr .info a:hover{color:#0e6eb8;}
.Contact2 .addr .s{ width:46%;}
.Contact2 .addr .ico{ width:40px; height:40px; display: flex; align-items: center; justify-content: center; background:#0e6eb8; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top:5px; }
.Contact2 .addr .ico img{ width:20px; height:20px;}
.Contact2 .er{ display:flex; flex-wrap: wrap; width:101px; margin:0.3rem 0 0 0; }
.Contact2 .er i{ display:block; width:100%; line-height: 0;}
.Contact2 .er span{ display:block; width:100%; text-align:center; margin-top:10px;color:#666666; font-size:14px; line-height:24px;}


@media screen and (max-width:1024px) {
.Contact2{ padding:0;}	
.Contact2 .box::after{display:none;}
.Contact2 .left{ width:100%; padding:30px 15px;background: url(img/bg2.jpg) right top no-repeat #fff; background-size:cover;}
.Contact2 .right{ width:100%; padding:30px 15px 35px 15px;}
.Contact2 .ino  img{ height:46px;}
.Contact2 .tit22{ font-size:18px; line-height:28px; margin-top:20px;}
.Contact2 .addr .div{ margin-top:14px;}
.Contact2 .er{ margin:20px 0 0 0; }
}


._form3{ width:100%; flex-wrap:wrap; display: flex; align-content: flex-start; justify-content:space-between; margin-top:0.45rem;}
._form3 .lab{ width:48.7%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.26rem; }
._form3 .lab3{ margin-bottom:0.15rem;}
._form3 .lab2{ width:100%; position:relative; display: flex; flex-wrap: wrap; margin-bottom:0.29rem; }
._form3 .w100{ width:100%;}
._form3 .name{ width:100%; display:block; color: #333; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); padding-bottom:0.1rem;}
._form3 .name span{ color: #ff2525;}
._form3 .text{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:36px; height:56px; padding:10px 19px; border-radius: 3px;}
._form3 .textarea{ position: relative; z-index: 6; cursor: pointer; width:100%; border:0; background:#fff; font-size:calc(14px + 0.02rem);color: #333; line-height:26px; height:151px; padding:15px 19px;border-radius: 3px;}
._form3 .yanzhengma{ position: absolute; right:0; top:0; width:120px; height:56px; object-fit: contain; z-index:6;}
._form3 .submit{ display: flex; justify-content:center; align-items: center; width:100%; font-size:calc(14px + 0.04rem); color: #fff; height:56px; padding-bottom: 1px; background:#0e6eb8; border:1px solid #0e6eb8; border-radius:3px;}
._form3 .submit:hover{ background:#fff; color: #0e6eb8;}
._form3 .lab1{ width:100%; display: block; color:#666; font-size:14px; line-height: 24px;}
._form3 .lab1 span{ color: #ff2525;}

._form3 input::placeholder{color:#bbb9b9; opacity:1 !important;}
._form3 textarea::placeholder{color:#bbb9b9; opacity:1 !important;}

@media screen and (max-width:1024px) {
._form3{ width:100%; margin-top:15px;}
._form3 .lab{ margin-bottom: 10px;}
._form3 .lab2{ margin-bottom: 15px;}
._form3 .lab3{ margin-bottom: 10px;}
._form3 .name{  font-size:14px;padding-bottom: 6px;}
._form3 .text{ font-size:14px; height:40px; padding:7px 12px;}
._form3 .yanzhengma{width:91px; height:40px;}
._form3 .textarea{ font-size:14px; padding:7px 12px;}
._form3 .submit{ height:40px;}
}



.lits04{ display: block; width: 100%; padding:40px 0 40px 0;}
.lits04 .u2{ display:block; width: 100%;}
.lits04 .u2 .li{ display:block; width: 100%; margin-top: 40px;}
.lits04 .u2 .a{ display:flex; width: 100%; padding:30px 0 30px 0; position: relative; border:1px solid #d7d7d7;}
.lits04 .u2 .a .time{ display:flex; flex-direction: column;  color: #666; line-height:1; position: absolute; right:0.52rem; top: 0.5rem; z-index: 1;}
.lits04 .u2 .a .time time{font-size:0.46rem;}
.lits04 .u2 .a .time span{font-size:calc(14px + 0.1rem); margin-top:0.24rem;}
.lits04 .u2 .a .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.18rem); margin-top: 0.17rem;}
.lits04 .u2 .a .p{ width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.06rem); height:calc(66px + 0.18rem); margin-top: 0.23rem;}
.lits04 .u2 .a .pic{ display:block; width:4.7rem; min-width:4.7rem; overflow: hidden; margin-right:2.28rem;}
.lits04 .u2 .a ._img{ padding-bottom:59.14%;}
.lits04 .u2 .a .cont{width: 100%; padding:0 0.48rem;}
.lits04 .u2 .a .more{ display:inline-flex; background: url(img/ArrowRight2.png) right center no-repeat; background-size:auto 100% !important; color:#666666; font-size: 14px; line-height: 26px;  padding-right:39px; margin-top:0.58rem;}
.lits04 .u2 .a:hover{ border:1px solid #0e6eb8;}
.lits04 .u2 .a:hover .more{ color:#0e6eb8; background: url(img/ArrowRight1.png) right center no-repeat;}



@media screen and (max-width:1024px) {
.lits04{padding:10px 0 25px 0;}	
.lits04 .u2 .li{ margin-top:14px;}
.lits04 .u2 .a{padding:14px 0;}	
.lits04 .u2 .a .more{ line-height:24px; padding-right: 35px; margin-top:12px}
.lits04 .u2 .a .tit{ font-size:16px; line-height:24px; margin-top: 0;}
.lits04 .u2 .a .p{ font-size:14px; line-height:22px; height:66px; margin-top:6px;}
.lits04 .u2 .a .pic{ width:220px; min-width:220px; margin-right:80px;}
.lits04 .u2 .a .cont{width: 100%; padding:0 14px;}
.lits04 .u2 .a .time{right:14px; top:20px;}
.lits04 .u2 .a .time time{font-size:18px;}
.lits04 .u2 .a .time span{font-size:14px; margin-top:8px;}
}
@media screen and (max-width:767px) {
.lits04 .u2 .a{ flex-wrap: wrap; flex-wrap: wrap-reverse; padding:0;}
.lits04 .u2 .a .pic{ width:100%; min-width:100%; margin:0;}
.lits04 .u2 .a .time{right:15px; top: auto; bottom:20px; line-height:24px; flex-direction: row; align-items: flex-end;}
.lits04 .u2 .a .time time{}
.lits04 .u2 .a .time span{ margin:0 0 0 8px;}
.lits04 .u2 .a .cont{ padding:18px 15px 20px 15px;}
}



.slideTit{ display: block; width:100%; color: #222222; line-height:calc(22px + 0.16rem); font-size:calc(14px + 0.14rem);padding-left:14px; position: relative;}
.slideTit::after{ display: block; content:''; width:3px; height:75%; background: #0e6eb8; position: absolute; left:0; top:14%; }
.slideR{ display: block; width:100%;}
.slideR .u1{  display: block; width: 100%;}
.slideR .u1 .l1{ display: block; width:100%; margin-top:24px;}
.slideR .u1 .l1 a{ display: block; width:100%; }
.slideR .u1 .l1 a ._img{ padding-bottom:59.17%;}
.slideR .u1 .l1 a .tit{ width: 100%; color: #333333;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); margin-top:16px; }
.slideR .u1 .l1 a .time{ display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; margin-top: 5px; }
.slideR .u1 .l1 a.active{color: #0e6eb8; }
.slideR .u1 .l1 a.active::after{ border-top: 2px solid #0e6eb8; border-right: 2px solid #0e6eb8;}
.slideR .u1 .l1 a.active::before{ width: 100%;}

@media screen and (max-width:1024px) {
.slideR .u1{ display: flex; justify-content: space-between;}	
.slideR .u1 .l1{ width:48.5%; margin-top:20px;}
.slideR .u1 .l1 a .tit{ margin-top:14px; }
}

@media screen and (max-width:767px) {
.slideR .u1{ display: block;}		
.slideR .u1 .l1{ width:100%;}
}


.bd_weixin_popup{ box-sizing:content-box;}
.newsbox{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%; padding:0.35rem 0 0.94rem 0; flex-direction: row-reverse;}
.newsbox .left{ display: block; width:26.625%; margin-top:5px; background: #fff; padding:0.39rem 0.3rem 0.59rem 0.3rem;}
.newsbox .right{ display: block; width:69%;}
.newsbox .sect{ display: block; width: 100%; color: #666;font-size:calc(14px + 0.02rem); line-height: calc(22px + 0.14rem);}
.newsbox .sect .info{ display:flex; flex-wrap: wrap; width: 100%; color: #7a7a7a;font-size:14px; line-height: 24px; border-bottom: 1px solid #e2e2e2; padding:0.3rem 0 0.27rem 0;}
.newsbox .sect .s{ display: flex; align-items: center;}
.newsbox .sect .s img{ width:24px; height:24px; margin-right:10px;}
.newsbox .sect .s:nth-child(1){ margin-right: 0.8rem;}
.newsbox .sect .s:nth-child(2){ margin-right: 0.98rem;}
.newsbox .sect .cont{ display: block; width: 100%; padding:20px 0 40px 0;}
.newsbox ._page{ display: flex; justify-content: space-between; width: 100%; align-items: center; padding:34px 0 0 0;border-top:1px solid #e2e2e2;}
.newsbox ._page .la{ width: calc(100% - 140px);}
.newsbox ._page .la a{ width: 100%; color: #666666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.06rem); display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;}
.newsbox ._page .la a:hover{ color:#0e6eb8;}
.newsbox .btn{ display:inline-flex; align-items: center; color: #fff; font-size:calc(14px + 0.02rem); line-height:1; height: 46px; border:1px solid #0e6eb8;background: #0e6eb8; border-radius:0 16px 0 16px; padding:0 22px; white-space: nowrap;}
.newsbox .btn i{ display: block; width:17px; height:17px; margin-right:10px; background: url(img/ico6.png) center no-repeat; background-size: 100% auto !important;}
.newsbox .btn:hover{ color: #0e6eb8; background:none;}
.newsbox .btn:hover i{background: url(img/ico6.1.png) center no-repeat;}



@media screen and (max-width:1024px) {
.newsbox{ margin-top: 0; padding:30px 0 40px 0; flex-wrap:wrap-reverse;}	
.newsbox .left{ width: 100%; margin-top:30px; padding:20px 15px 30px 15px; display:none;}
.newsbox .right{ width: 100%;}
.newsbox .btn{ font-size:14px; height:36px; border-radius:0 12px 0 12px; padding:0 15px;}
.newsbox .btn i{ width:16px; height:16px; margin-right:6px;}
.newsbox .sect .cont{ padding:20px 0 25px 0;}
.newsbox ._page{ padding:25px 0 0 0;}
.newsbox ._page .la{ width: calc(100% - 120px);}
.newsbox .sect .info{padding:15px 0 20px 0;}
}

@media screen and (max-width:767px) {
.newsbox .sect .s img{ width:20px; height:20px; margin-right:8px;}
.newsbox .sect .s span{ display:none;}
}



.neswbox1{ padding-top: 25px;}
.neswbox1 .h-tit{ margin-top:27px; align-items: center;}
.neswbox1 .h-tit .hd li a{ color: #fff;}
.neswbox1 .h-tit .hd li a::before{ background:url(img/line1.png) center no-repeat;}
.neswbox1 .h-tit .hd li.on a{ color: #0e6eb8;}
.neswbox1 .box{ display: block; width: 100%; margin-top:35px;}
.neswbox1 .sect{ display: flex; justify-content:space-between; flex-wrap: wrap; width: 100%; }
.neswbox1 .u2{  display: flex; flex-wrap: wrap; width:60.43%; }
.neswbox1 .u2 .a{ width: 100%; display: block; position: relative;}
.neswbox1 .u2 .a ._img{ padding-bottom:59%;}
.neswbox1 .u2 .a .cont{ width: 100%; padding:0.35rem 0.4rem; position: absolute; left:0; bottom: 0; z-index: 6;}
.neswbox1 .u2 .a .tit{ width: 100%; color: #fff;font-size:calc(14px + 0.12rem); line-height: calc(22px + 0.14rem); margin-top: 0.07rem; }
.neswbox1 .u2 .a .time{ display: block; width: 100%; color:#fff;font-size:14px; line-height:22px; }

.neswbox1 .a1{ width: 37%; display: flex; flex-wrap: wrap; align-content: flex-start; position: relative;
background: rgb(255, 255, 255);padding:0.08rem 0.44rem;
}
.neswbox1 .a1 .div{ display: block; width: 100%; padding:0.25rem 0; border-bottom: 1px solid #ececec; position: relative;}
.neswbox1 .a1 .div::after{ content: ''; display: block; width: 0%; height:1px; position: absolute; left: 0; bottom: -1px; z-index: 6;  background:#0e6eb8;}
.neswbox1 .a1 .tit{ width: 100%; color: #333;font-size:calc(14px + 0.06rem); line-height: calc(22px + 0.06rem); max-height: calc(44px + 0.12rem); margin-top:0.08rem; }
.neswbox1 .a1 .time{display: block; width: 100%; color:#666666;font-size:14px; line-height:22px; opacity:0.49; }
.neswbox1 .a1 .div:hover .time{ opacity:1;}
.neswbox1 .a1 .div:hover::after{ width: 100%;}

@media screen and (max-width:1728px) {
.neswbox1 .a1 .div{  padding:0.22rem 0; }
.neswbox1 .a1 .tit{ margin-top:0.06rem; }
}

@media screen and (max-width:1600px) {
.neswbox1 .u2 .a .tit{font-size:calc(14px + 0.1rem); line-height: calc(22px + 0.12rem); margin-top: 0.07rem; }	
.neswbox1 .a1 .div{ padding:0.16rem 0;}
.neswbox1 .a1 .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); max-height: calc(44px + 0.08rem); margin-top:0.06rem; }
}
@media screen and (max-width:1440px) {
.neswbox1 .u2{ width:63.43%; }	
.neswbox1 .a1{ width: 34%;padding:0.08rem 0.4rem; }
.neswbox1 .a1 .div{ padding:0.13rem 0;}
.neswbox1 .a1 .tit{font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.04rem); max-height: calc(44px + 0.08rem); margin-top:0.04rem; }
}
@media screen and (max-width:1270px) {
.neswbox1 .u2{ width:65.43%; }	
.neswbox1 .a1{ width: 32%;padding:0.08rem 0.36rem; }	
.neswbox1 .a1 .div{ padding:10px 0;}
.neswbox1 .a1 .tit{ font-size:15px; line-height:22px;}
}
@media screen and (max-width:1024px) {
.neswbox1 ._Title{ margin-top:4px;}	
.neswbox1 .h-tit{ margin-top:0;}	
.neswbox1 .box{ margin-top:25px;}	
.neswbox1 .u2{width:100%; }
.neswbox1 .u2 .a .cont{padding:20px 15px;}
.neswbox1 .u2 .a .tit{font-size:16px; line-height:24px; margin-top:6px;} 
.neswbox1 .a1{width:100%;padding:10px 15px 25px 15px; margin-top:15px;}
.neswbox1 .a1 .div{ padding:14px 0;}
.neswbox1 .a1 .tit{ font-size:16px; line-height:24px; }
}
@media screen and (max-width:767px) {
.neswbox1 .u2 .li{ width:100%;}

}



.pord1{ position: relative;}
.pord1 .bg{ width: 100%; height: 100%; z-index: 1; position: fixed; left: 0; top: 0;}
.pord1 .mbx{ margin-top:0.5rem;}
.pord2{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%;}
.pord2 .left{ display:block; width:38.87%; position:sticky; top:0.2rem; padding:0.66rem 0 0 0;}
.pord2 .left .pic{ display:block; width:100%; line-height:0;-webkit-transition: all 1s;}
.pord2 .left .pic:hover{
	-webkit-transform:scale(1.02) translateY(-20px); transform:scale(1.02) translateY(-20px);
}
.pord2 .right{ display: block; width:58.12%; padding:0.6rem 0 0 0;}
.pord2 ._Title{color: #fff;}
.pord2 .des{ display: block; width:100%; color: #fff; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.18rem); margin-top:0.35rem;}
.pord2 .argumentBox{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; color: #fff; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); padding-top:0.17rem;}
.pord2 .argument{ display: block; width:46.24%; border-bottom: 1px solid #fff; padding:0.24rem 0 0.22rem 0; }
.pord2 .box{ display: block; width:100%; background: #fff; margin-top:1.38rem; padding:0.71rem 0.51rem 0.78rem 0.51rem;}
.pord2 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding:20px 0 44px 0;}
.pord2 .p{ position: relative; display: block; width:100%; padding-left: 16px;}
.pord2 .p::after{ content:''; display: block; position: absolute; left: 0; top:calc(9px + 0.06rem); height:4px; width:4px; background:#0e6eb8;}
.pord2 .imgList{ display:block; width:calc(100% + 0.2rem); margin:6px -0.1rem 0 -0.1rem;}
.pord2 .imgList .ul{ display:flex; flex-wrap: wrap; width:100%;}
.pord2 .imgList .ul .li{ display:block; width:50%; padding:0 0.1rem; margin-top:15px;}
.pord2 .imgList .ul .a{ display:block; width:100%; line-height:0; overflow: hidden;}
.pord2 .imgList .ul .a ._img{ padding-bottom:61.13%;}
.pord2 .imgList .ul .a  .tit{ text-align: center; display: block; width:100%;color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top: 15px;}

.pord2 .slick-dots{ margin-top:30px;}

@media screen and (max-width:1600px){
.pord1 .mbx{ margin-top:0.3rem;}
.pord2 .left{ padding:0.46rem 0 0 0;}
.pord2 .right{ padding:0.4rem 0 0 0;}
.pord2 .des{margin-top: 0.25rem;}
.pord2 .argument{padding: 0.19rem 0 0.17rem 0;}
}
@media screen and (max-width:1440px){ 
.pord2 .des{font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.16rem); margin-top:0.2rem;}
.pord2 .argumentBox{ font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); padding-top:0.1rem;}
}
@media screen and (max-width:1024px) {
.pord1{ background-size:auto 162vh !important;} 	
.pord2 .left{width:100%; position: static; top:0; padding:20px 0 0 0; }
.pord2 .right{width:100%;  padding:30px 0 10px 0; }
.pord2 .des{ font-size:14px; line-height:24px; margin-top:15px;}
.pord2 .argumentBox{ font-size:13px; line-height:22px;}
.pord2 .argument{ padding:18px 0;}
.pord2 .box{ margin-top:30px; padding:25px 15px 30px 15px;}
.pord2 .cont{ padding:18px 0 20px 0;}
.pord2 .imgList{width:calc(100% + 10px); margin:0 -5px;}
.pord2 .imgList .ul .li{ padding:0 5px;}
.pord2 .imgList .ul .a .tit{ margin-top: 12px;}
.pord2 .slick-dots{ margin-top:20px;}
.pord2 .left .pic:hover{
	-webkit-transform:scale(1.02) translateY(0); transform:scale(1.02) translateY(0);
}
}
@media screen and (max-width:767px) {
.pord2 .argument{ width:48%;}

}


.solut1 ._Title{color: #fff; text-align: center; margin-top: 44px;}
.solut1 .mbx{ margin-top:-5px;}
.solut2{ display: block; width: 100%;}
.solut2 .sect{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 0.65rem;}
.solut2 .left{ display:block; width:46.87%; border-bottom:1px solid #e1e1e1;}
.solut2 .right{ display: block; width:49%;}
.solut2 .box{ display: block; width:100%; background: #fff; margin:25px 0 0.55rem 0; padding:0.78rem 0.8rem 0.26rem 0.8rem;}
.solut2 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding:20px 0 44px 0;}
.solut2 .imgList{ display:block; width:100%;}
.solut2 .imgList .div{ display:block; width:100%; line-height:0; overflow: hidden; position:relative;}

.solut2 .imgList .div .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.54rem; height: 0.54rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/paly1.png) center no-repeat; background-size:100% 100%  !important;}


.solut2 .imgList .slick-dots{ position: absolute; left:0; bottom:16px; z-index: 6;}
.solut2 .imgList .slick-dots li{border: 1px solid #fff;}
.solut2 .imgList .slick-dots li.slick-active{border: 1px solid #0e6eb8;}
.solut2 .list{ display: block; width:100%; padding:22px 0 6px 0;}
.solut2 .list .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:-0.17rem -0.1rem;}
.solut2 .list .u2 .li{ display: block; width:25%; padding:0.17rem 0.1rem;}
.solut2 .list .u2 .li .a{ display: block; width:100%;}
.solut2 .list .u2 .li ._img{ padding-bottom:66.37%; border-radius: 6px;}
.solut2 .list .u2 .li .tit{ text-align: center; display: block; width:100%;color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top: 15px;}
.solut2 .list1{ display: block; width:100%; padding:17px 0 40px 0;}
.solut2 .list1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.solut2 .list1 .u2 .li{ display: block; width:33.33%; padding:0.15rem;}
.solut2 .list1 .u2 .li .a{ display: block; position: relative; height: 100%; width:100%; border:1px solid #d9d9d9; padding:0.42rem 0.42rem 0.51rem 0.42rem;}
.solut2 .list1 .u2 .li .ico{display: block; width:100%; line-height: 0;}
.solut2 .list1 .u2 .li .ico img{ width:44px; height:44px;}
.solut2 .list1 .u2 .li .tit{ display: block; width:100%;color: #333; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem); margin-top: 15px;}
.solut2 .list1 .u2 .li .info{ display: block; width:100%;color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); margin-top:17px;}

@media screen and (max-width:1024px) {
.solut1{ background-size:200% auto !important;}	
.solut1 ._Title{ margin-top:15px;}
.solut2 .sect{ flex-wrap: wrap-reverse;}
.solut2 .left{width:100%;  padding:20px 0 0 0; }
.solut2 .right{width:100%; }
.solut2 .box{ margin:25px 0 25px 0; padding:15px 15px 15px 15px;}
.solut2 .cont{ padding:18px 0 20px 0;}
.solut2 .list{ padding:22px 0 6px 0;}
.solut2 .list .u2{width:calc(100% + 14px); margin:-8px -7px;}
.solut2 .list .u2 .li{  padding:8px 7px;}
.solut2 .list .u2 .li .tit{ margin-top: 12px;}
.solut2 .list1{ padding:17px 0 20px 0;}
.solut2 .list1 .u2{width:calc(100% + 14px); margin:-8px -7px;}
.solut2 .list1 .u2 .li{  padding:7px 7px;}
.solut2 .list1 .u2 .li .a{ padding:20px 15px;}
.solut2 .list1 .u2 .li .tit{ margin-top: 12px;}
.solut2 .list1 .u2 .li .info{ margin-top:6px;}

.solut2 .imgList .div .paly{ width:34px; height:34px;}

}
@media screen and (max-width:767px) {
.solut2 .list .u2 .li{ width:50%; }
.solut2 .list1 .u2 .li{ width:100%; }
.solut2 .list1 .u2 .li .a{ display:flex; flex-wrap: wrap;}
.solut2 .list1 .u2 .li .ico{ width: auto;}
.solut2 .list1 .u2 .li .ico img{ width:36px; height:36px;}
.solut2 .list1 .u2 .li .tit{width:calc(100% - 36px); margin:0; min-height:36px; display:flex; flex-wrap: wrap; align-items: center; padding:0 0 0 14px;}
.solut2 .list1 .u2 .li .info{ margin-top:12px;}
}



.case1 .mbx{ margin-top:0.3rem;}
.case3{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%;background: #fff; padding:0.8rem; margin-top:25px;}
.case3 .left{ display:block; width:47%;}
.case3 .right{ display: block; width:49%;}
.case3 .imgList{ display: block; width:100%;}
.case3 .slick-dots{ margin:0; position: absolute; left:0; bottom:16px; z-index: 6;}
.case3 .slick-dots li{ border:1px solid #fff; }
.case3 .slick-dots li.slick-active{ border:1px solid #0e6eb8;}
.case3 .pic{ display: block; width:100%; line-height:0; position:relative;}
.case3 .pic video{position:absolute; left:0; top:0; width:100%; height:100%;}

.case3 .pic .paly{ cursor: pointer; position: absolute; left: 50%; top:50%; z-index: 6; width: 0.54rem; height: 0.54rem; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/paly1.png) center no-repeat; background-size:100% 100%  !important;}

.case3 .line{ display: block; width: 100%; border-bottom:1px solid #0e6eb8; margin-top: 0.41rem;}
.case3 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); margin-top: 0.33rem;}
.case2{ display: block; width: 100%; margin-top: 0.6rem;}
.case2 .box{ display: block; width:100%; background: #fff; margin:25px 0 0.55rem 0; padding:0.65rem 0.8rem 0.26rem 0.8rem;}
.case2 .cont{ display: block; width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); padding:20px 0 44px 0;}
.case2 .imgList{ display:block; width:100%;}
.case2 .imgList .div{ display:block; width:100%; line-height:0; overflow: hidden;}
.case2 .imgList .slick-dots{ position: absolute; left:0; bottom:16px; z-index: 6;}
.case2 .imgList .slick-dots li{border: 1px solid #fff;}
.case2 .imgList .slick-dots li.slick-active{border: 1px solid #0e6eb8;}
.case2 .list{ display: block; width:100%; padding:22px 0 6px 0;}
.case2 .list .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:-0.17rem -0.1rem;}
.case2 .list .u2 .li{ display: block; width:25%; padding:0.17rem 0.1rem;}
.case2 .list .u2 .li .a{ display: block; width:100%;}
.case2 .list .u2 .li ._img{ padding-bottom:66.37%; border-radius: 6px;}
.case2 .list .u2 .li .tit{ text-align: center; display: block; width:100%;color: #333; font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem); margin-top: 15px;}
.case2 .list1{ display: block; width:100%; padding:17px 0 40px 0;}
.case2 .list1 .u2{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.case2 .list1 .u2 .li{ display: block; width:33.33%; padding:0.15rem;}
.case2 .list1 .u2 .li .a{ display: block; position: relative; height: 100%; width:100%; border:1px solid #d9d9d9; padding:0.39rem 0.42rem 0.51rem 0.42rem;}
.case2 .list1 .u2 .li .ico{display: block; width:100%; line-height: 0;}
.case2 .list1 .u2 .li .ico img{ width:55px; height:48px;}
.case2 .list1 .u2 .li .tit{ display: block; width:100%;color: #333; font-size:calc(14px + 0.08rem); line-height:calc(22px + 0.1rem); margin-top:0.31rem;}
.case2 .list1 .u2 .li .info{ display: block; width:100%;color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.08rem); margin-top:17px;}
.case2 .pic1{ display: block; width:100%; line-height:0; text-align: center; padding:40px 0 40px 0;}
.case2 .table{ /*display:block;*/ width:100%;color: #666666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); border-left:1px solid #e5e5e5; /*margin:32px 0 56px 0;*/}
.case2 .table{ width:100%; text-align: center;}
.case2 .table tr:nth-child(2n+1){ background: #f5f5f5;}


.case2 .table td{ font-family:inherit !important; padding: calc(10px + 0.08rem) !important; background:none !important; color: #666666 !important;font-size:calc(14px + 0.04rem) !important; line-height: calc(22px + 0.06rem) !important; border-color:#e5e5e5 !important;}
.case2 .table tr:first-child td{font-weight:bold !important;}
.case2 .table td *{font-family:inherit !important;}

@media screen and (max-width:1024px) {
.case1{ background-size:200% auto !important;}		
.case3{padding:14px; margin-top:25px;}	
.case3 .left{width:100%;  padding:20px 0 12px 0; }
.case3 .right{width:100%; }
.case3 .line{ margin-top:15px;}
.case3 .cont{ margin-top:15px;}
.case2 .box{ margin:25px 0; padding:25px 15px 10px 15px;}
.case2 .cont{ padding:18px 0 20px 0;}
.case2 .list{ padding:22px 0 6px 0;}
.case2 .list .u2{width:calc(100% + 14px); margin:-8px -7px;}
.case2 .list .u2 .li{  padding:8px 7px;}
.case2 .list .u2 .li .tit{ margin-top: 12px;}
.case2 .list1{ padding:17px 0 20px 0;}
.case2 .list1 .u2{width:calc(100% + 14px); margin:-8px -7px;}
.case2 .list1 .u2 .li{  padding:7px 7px;}
.case2 .list1 .u2 .li .a{ padding:20px 15px;}
.case2 .list1 .u2 .li .tit{ margin-top: 12px;}
.case2 .list1 .u2 .li .info{ margin-top:6px;}
.case2 .list1 .u2 .li .ico img{ width:41px; height:36px;}
.case2 .pic1{  padding:20px 0;}

.case3 .pic .paly{ width:34px; height:34px;}

}
@media screen and (max-width:767px) {
.case2 .list .u2 .li{ width:50%; }
.case2 .list1 .u2 .li{ width:100%; }
.case2 .list1 .u2 .li .a{ display:flex; flex-wrap: wrap;}
.case2 .list1 .u2 .li .ico{ width: auto;}
.case2 .list1 .u2 .li .tit{width:calc(100% - 41px); margin:0; min-height:36px; display:flex; flex-wrap: wrap; align-items: center; padding:0 0 0 14px;}
.case2 .list1 .u2 .li .info{ margin-top:12px;}
.case2 .table{ overflow-x: auto;/*margin:25px 0 25px 0;*/}
.case2 .table{ width:767px;}


.case2 .cont_table{overflow-x: auto;}
}


.aboutbox1{ overflow: hidden;}
.about1{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between;}
.about1 .left{ display: block; width: 45%;}
.about1 .right{ display: block; width: 48.56%; margin-top:0.8rem;}	
.about1 .info{ display:block;width:100%; color: #666; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.12rem); margin-top:0.34rem;  }
.about1 .pic{ display: block; width: 126.2%; margin-right:-26.2%; line-height:0; position: relative;-webkit-transition: all 1s;}
.about1 .pic:hover{	-webkit-transform:scale(1.02) translateY(-20px); transform:scale(1.02) translateY(-20px);}


@media screen and (max-width:1440px) {
.about1 .left{ width: 47%;}
.about1 .info{ line-height:calc(22px + 0.08rem); margin-top:0.24rem;  }
}
@media screen and (max-width:1024px) {
.about1 .left{ width: 100%;}
.about1 .right{ width: 100%; margin-top: 30px;}	
.about1 .info{ margin-top:15px;  }
.about1 .pic:hover{	-webkit-transform:scale(1.02) translateY(0); transform:scale(1.02) translateY(0);}
}





.about2{display:block; width: 100%; margin-top:4px;}
.about2 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:0 -0.15rem;}
.about2 .li{display:flex; width: 50%; margin-top: 0.3rem; padding:0 0.15rem;}
.about2 .li .la{display:flex; width: 100%; overflow: hidden;
background:#fff; position: relative;
display: flex;
align-items: center; height:2.7rem;
padding:34px 0.42rem;
transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.about2 .li .tit{display:block; width: 100%; 
color:#333;
 font-size:calc(14px + 0.12rem); line-height:calc(22px + 0.14rem);
}
.about2 .li .p{display:block; width: 100%; margin-top:0.1rem;
color: #666;
 font-size:calc(14px + 0.06rem); line-height:calc(22px + 0.08rem);
}
.about2 .li .bg{ display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1; opacity:0;}
.about2 .li .info{display:block; width: 100%;}
.about2 .li .ino{display:block; line-height: 0; width:5.56rem; position: absolute; right:-1.92rem; bottom:-0.3rem; z-index: 3;}
.about2 .li .ino img{ width: 100%;}
.about2 .li .ico{display:block; line-height: 0; width:80px; min-width:80px; margin:0 0.2rem;}
.about2 .li .ico img{ width: 100%;}
.about2 .li .ico .img1{display:block}
.about2 .li .ico .img2{display:none}
.about2 .li .la:hover{background: rgb(40, 145, 226,1);}
.about2 .li .la:hover .bg{ opacity:0.1;}
.about2 .li .la:hover .tit{color:#fff;}
.about2 .li .la:hover .p{color:#fff;}
.about2 .li .la:hover .ico .img1{display:none}
.about2 .li .la:hover .ico .img2{display:block}
.about2 .li .la:hover .ino{ opacity:0;}

@media screen and (max-width:1024px) {
.about2 .ul{ width:calc(100% + 14px); margin:0 -7px;}
.about2 .li{margin-top: 14px; padding:0 7px;}	
.about2 .li .la{
padding:20px 18px;
}
.about2 .li .counter{
font-size: 24px;
line-height:26px;}
.about2 .li .dw{
font-size:16px;
line-height: 24px;
}
.about2 .li .p{ font-size:14px; line-height: 22px; margin-top:6px;}
.about2 .li .ico{ width:52px; min-width:52px; margin:0 0 0 16px;}
}
@media screen and (max-width:767px) {
.about2 .li{ width: 100%;}	
.about2 .li .la{ height:auto;}
}


.about4{ display: block; width: 100%; padding-top:14px;}
.about4 .u2{  display: flex; flex-wrap: wrap; width:calc(100% + 0.2rem); margin:0 -0.1rem; }
.about4 .u2 .li{ display:block; width:12.5%;padding:0 0.1rem; margin-top:0.2rem;}
.about4 .u2 .li .a{ width: 100%; display: block; line-height:0; overflow: hidden; background: #fff;}
.about4 .u2 .li:nth-child(1),
.about4 .u2 .li:nth-child(2),
.about4 .u2 .li:nth-child(3),
.about4 .u2 .li:nth-child(4),
.about4 .u2 .li:nth-child(5),
.about4 .u2 .li:nth-child(6),
.about4 .u2 .li:nth-child(7),
.about4 .u2 .li:nth-child(8){ width:25%;}


@media screen and (max-width:1024px) {
.about4 .u2{width:calc(100% + 10px); margin:0 -5px; }
.about4 .u2 .li{padding:0 5px; margin-top:10px;}
}
@media screen and (max-width:767px) {
.about4 .u2 .li{ width:25%;}	
.about4 .u2 .li:nth-child(1),
.about4 .u2 .li:nth-child(2),
.about4 .u2 .li:nth-child(3),
.about4 .u2 .li:nth-child(4),
.about4 .u2 .li:nth-child(5),
.about4 .u2 .li:nth-child(6),
.about4 .u2 .li:nth-child(7),
.about4 .u2 .li:nth-child(8){ width:50%;}
}

.aboutbox3 .max-width{overflow: hidden; position: relative;}
.about3{ display: block; width: 100%; padding-top:34px;}
.about3 .u2{  display: block; width:100%; background:#f5f5f5; }
.about3 .u2 .li{ display: block; width:100%; }
.about3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.about3 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.about3 .swiper-prev,
.about3 .swiper-next{ cursor: pointer; width:0.4rem; height:0.4rem; display:block;position: absolute;right:0; top:0; z-index: 10; background: url(img/ico5.2.png) center no-repeat; background-size:auto 100% !important; }
.about3 .swiper-prev{ margin-right:0.52rem; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.about3 .swiper-prev:hover,
.about3 .swiper-next:hover{background: url(img/ico5.png) center no-repeat;}
.about3 .swiper-pagination{ display: inline-flex; line-height:0.4rem; display:block;position: absolute;right:1.06rem; top:0; z-index: 10;color: #666666;}
.about3 .swiper-pagination-current{ color:#0e6eb8;font-size:calc(16px + 0.14rem);  font-weight: bold;}
.about3 .swiper-pagination-total{color: #666;font-size:calc(14px + 0.08rem);}
.about3 .swiper-pagination-lock{ display:none;}
.about3 .swiper-button-lock{ display:none;}

@media screen and (max-width:1024px) {
.about3{ padding-top:22px;}
.about3 .swiper-prev,
.about3 .swiper-next{ width:26px; height:26px; top:2px}
.about3 .swiper-prev{ margin-right:34px;}
.about3 .swiper-pagination{ line-height:26px;right:68px; top:2px;}
}


.abou5 ._Title{ color: #fff; text-align: center; font-weight: 400;}
.abou5 .list{ width:100%; display:flex; flex-wrap: wrap; align-items: flex-start; justify-content:space-around; margin-top:1.8rem; padding:0 0.7rem;}
.abou5 .list .line{ display: flex; width:1px; height: 54px; background: rgba(255,255,255,0.6);margin:0.32rem;}
.abou5 .list .li{ display: flex; flex-wrap: wrap; justify-content:center; align-items: center; flex-direction: column;margin-top:15px;} 
.abou5 .list .li .tit{ color: #fff; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem); margin-top:4px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:4;}
.abou5 .list .li .num{ display: inline-flex; align-items: flex-end;}
.abou5 .list .li .countup{ color: #fff; font-size:0.67rem; line-height:1;}
.abou5 .list .li .dw{ color: #fff; font-size:calc(14px + 0.06rem); line-height:2; margin-left:2px;}

@media  screen and (max-width:1024px){
.abou5{ padding-top:40px;  padding-bottom:40px;}	
.abou5 .list{ padding:40px 0 0 0;}
.abou5 .list .line{height:36px;  margin:25px 12px; display:none;}
.abou5 .list .li .tit{ font-size:14px; line-height:24px;}
.abou5 .list .li .countup{font-size:26px;}
.abou5 .list .li .dw{ font-size:14px; line-height:1.5; margin-left:2px;}
.pin-spacer{ padding:0 !important;}
}
@media  screen and (max-width:767px){
.abou5 ._Title{ padding:0 40px;}
.abou5 .list{ margin-top:40px; padding:0 15px;}

}


/*
 0e6eb8
calc(20px + 0.16rem); 

*/




.pagecon{padding-top:20px; padding-bottom:50px;}
.pagecon .newsbox{padding:0;}
.pagecon .newsbox .right{width:100%;}
.pagecon .newsbox .sect .cont{padding:0;}

@media  screen and (max-width:1024px){
.pagecon{padding-top:20px; padding-bottom:20px;}
}

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#0e6eb8;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}




/*250428start*/
.lits04 .u2 .a ._img{ padding-bottom:59%;}
.pord-xg1 .ul{ display: block;}



/*250428end*/

.pord2 .imgList .ul .slick-list{min-width:100%;}

.solut2 .table{ /*display:block;*/ width:100%;color: #666666;font-size:calc(14px + 0.04rem); line-height: calc(22px + 0.06rem); border-left:1px solid #e5e5e5; /*margin:32px 0 56px 0;*/}
.solut2 .table{ width:100%; text-align: center;}
.solut2 .table tr:nth-child(2n+1){ background: #f5f5f5;}

.solut2 .table td{ font-family:inherit !important; padding: calc(10px + 0.08rem) !important; background:none !important; color: #666666 !important;font-size:calc(14px + 0.04rem) !important; line-height: calc(22px + 0.06rem) !important; border-color:#e5e5e5 !important;}
.solut2 .table tr:first-child td{font-weight:bold !important;}
.solut2 .table td *{font-family:inherit !important;}

@media screen and (max-width:767px) {
.solut2 .table{ overflow-x: auto;/*margin:25px 0 25px 0;*/}
.solut2 .table{ width:767px;}
.solut2 .cont_table{overflow-x: auto;}
}


.slick-list{min-width:100%;}



/*250510start*/
.case2{ margin-top:0 !important;}
.case2 .box{ margin:0.6rem 0  0 0;}
.case2 .tit30{ margin-top:0.55rem;}


@media screen and (max-width:1440px)  and (min-width:767px) {
.abou5 .list{margin-top: 0.8rem;}
}

@media screen and (max-width:767px) {
.case2 .box{ margin:25px 0 0 0;}
.case2 .tit30{ margin-top:25px;}
}
/*250510end*/


/*250512start*/
@media screen and (max-width:1600px){
.main9 .cont {
	width: 41.4%;
}
.main9 .info{margin-top: 0.25rem;}
.main9 ._btn{margin-top: 0.6rem;}
.main9 .list{padding: 1rem 0 0 0;}

}
@media screen and (max-width:1400px) {
.main9 .cont {
	width: 46.4%;
}
.main9 .info{margin-top: 0.2rem;}
.main9 ._btn{margin-top: 0.45rem;}
.main9 .list{padding: 0.66rem 0 0 0;}

}
@media screen and (max-width:1024px) {
.main9 .cont {
	width: 100%;
}
.main9 .info{margin-top:10px;}
.main9 ._btn{margin-top:30px;}
.main9 .list{padding:40px 0 0 0;}

}

.wap_down li .a{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: center;}
.footer1 .Copyright a{ margin-left:0 !important;}
.footer1 .Copyright .i{ margin-left:16px;}

@media screen and (max-width:767px) {
.footer1 .Copyright .i{ margin-left:5px;}
}



/*250512start*/